<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta charset="UTF-8">
		<title>职场性格潜能测试</title>
		<link rel="stylesheet" href="weui/lib/weui.min.css">
		<link rel="stylesheet" href="weui/css/jquery-weui.css">
		<link rel="stylesheet" type="text/css" href="weui/css/character_test.css"/>
		  
	</head>

	<body ontouchstart>
         
    <div class="weui-tab" >
    	
      <div class="weui-tab__bd" >
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active" >
        	
    			 <div class="container" >
    			 		<div>
    			 			<img src="./images/banner.png" alt="" width="100%" height="100"/>
    			 		</div>

    			 		<div class="weui-panel weui-panel_access">
    			 			<div class="weui-panel__bd">
    			 				<div class="weui-media-box__bd">
						        	<h2 >标题标题</h4>
						        	<p >每个问题的答案都不存在好坏对错，不同的选项只是表明不同性格对同一种情况的不同反应，答案只是帮助你思考你是否认识真正的自己。</p>
						      	</div>
    			 			</div>
    			 		</div>
    			 		
    			 		<div class="content">
    			 			<div class="title">请根据自己的第一反应选择：</div>
    			 			
    			 			<div class="list" id='1'>
    			 				<h2 class="question">1、一直以来，我最重要的人生观是</h2>
    			 				
    			 				<div class="weui-cells weui-cells_checkbox">
								      <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="A" name="checkbox1" ids='1'  >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>A.人生只要平静和稳定就好。</p>
								        </div>
								      </label>
								      <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" name="checkbox1" value="B" class="weui-check"  ids='1'>
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>B.取得成就，成就证明价值。</p>
								        </div>
								      </label>
								       <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="C" name="checkbox1"  ids='1' >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>C.人生只要平静和稳定就好。</p>
								        </div>
								      </label>
								       <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="D" name="checkbox1" ids='1'  >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>D.小心合理谨慎地确定自己的目标，一旦确定，会坚 定不移地去做。</p>
								        </div>
								      </label>
							      
							    </div>
    			 				
    			 			</div>
    			 			
    			 			
    			 			<div class="list" id='2'>
    			 				<h2 class="question">2、出门旅游，在路线选择上，我更情愿 </h2>
    			 				
    			 				<div class="weui-cells weui-cells_checkbox">
								      <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="A" name="checkbox" ids='2' >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>A.人生只要平静和稳定就好。</p>
								        </div>
								      </label>
								      <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" name="checkbox" value="B" class="weui-check" ids='2' >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>B.取得成就，成就证明价值。</p>
								        </div>
								      </label>
								       <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="C" name="checkbox" ids='2'  >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>C.人生只要平静和稳定就好。</p>
								        </div>
								      </label>
								       <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="D" name="checkbox" ids='2' >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>D.小心合理谨慎地确定自己的目标，一旦确定，会坚 定不移地去做。</p>
								        </div>
								      </label>
							      
							    </div>
    			 				
    			 			</div>
    			 			
    			 			
    			 			<div class="list" id='3'>
    			 				<h2 class="question">3、出门旅游，在路线选择上，我更情愿 </h2>
    			 				
    			 				<div class="weui-cells weui-cells_checkbox">
								      <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="A" name="checkbox2" ids='3' >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>A.人生只要平静和稳定就好。</p>
								        </div>
								      </label>
								      <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" name="checkbox2" value="B" class="weui-check" ids='3'>
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>B.取得成就，成就证明价值。</p>
								        </div>
								      </label>
								       <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="C" name="checkbox2" ids='3' >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>C.人生只要平静和稳定就好。</p>
								        </div>
								      </label>
								       <label class="weui-cell weui-check__label" >
								        <div class="weui-cell__hd">
								          <input type="radio" class="weui-check" value="D" name="checkbox2" ids='3' >
								          <i class="weui-icon-checked"></i>
								        </div>
								        <div class="weui-cell__bd">
								          <p>D.小心合理谨慎地确定自己的目标，一旦确定，会坚 定不移地去做。</p>
								        </div>
								      </label>
							      
							    </div>
    			 				
    			 			</div>
    			 			
    			 			
    			 			
    			 		</div>
    			 		
    			 		
    			 	
    			 		
    			 		<div class="button" >
    			 			<a href="result.html"  class="weui-btn weui-btn_primary" >
							下一页
							</a>
    			 		</div>
    			 		
    			 		<div class="page">
    			 			<p>第 1 页/共 4 页</p>
    			 			
    			 		</div>
    			 		
    			 	
    			 </div>     
    
      
    	</div>
     
      </div>

    </div>

 <script src="weui/lib/jquery-2.1.4.js"></script>
<script src="weui/js/jquery-weui.js"></script>

<script type="text/javascript">
	$('.button').click(function(){
		var value='';
		$("input[type='radio']:checked").each(function(){
//			console.log($(this).val()+'||'+$(this).attr("ids"));
			value+=$(this).val()+'||'+$(this).attr("ids")+',';
		})
		if(value==''){
			alert('请选择答案')
			return false;
		}
		console.log(value)
		
		
		
		
		
		$.post('',{data:value},
		function(res){
			
			if(res.code==10000){
				location.href='famous_person.html';
			}
		}
		)
	})
	
</script>
</body>

</html>
